<template>
  <div>
    <!-- <van-cell is-link title="基础用法" @click="show = true" /> -->
    <van-cell title="展示弹出层" is-link @click="showPopup" />
    <van-popup v-model="show" :style="{ padding: '64px' }">内容</van-popup>
    <!-- <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit" /> -->
  </div>
</template>
<script setup lang="ts">
import { useRoute, useRouter } from "vue-router";
import { ref } from "vue";
import { ActionSheet, showToast } from "vant";
const route = useRoute();
const router = useRouter();
console.log("优惠信息00");
const merchantId = route.query.merchantId;
console.log("优惠接收到的的商家id为", merchantId);
const showBottom = ref(true);
const actions = [
  { name: "选项一" },
  { name: "选项二" },
  { name: "选项三", subname: "描述信息" },
];
const onSelect = (item) => {
  // 默认情况下点击选项时不会自动收起
  // 可以通过 close-on-click-action 属性开启自动收起
  // show.value = false;
  showToast(item.name);
};
const show = ref(false);
const showPopup = () => {
  show.value = true;
};
</script>
<style scoped>
.content {
  padding: 16px 16px 160px;
}
</style>